@charset "utf-8";
/* CSS Document */


        .team_main_image {
            overflow: hidden;
            min-height: 187px;
        }

        @media (max-width: 435px) {
            .team_main_image {
                min-height: 226px;
            }
        }

        @media only screen and (min-width: 440px) and (max-width: 768px) {
            .team_main_image {
                min-height: 398px;
            }
        }

        @media only screen and (min-width: 320px) and (max-width: 411px) {
            .team_main_image {
                min-height: 185px;
            }
        }

        @media (device-width: 320px) {
            .team_main_image {
                min-height: 166px;
            }
        }

        @media (device-width: 411px) {
            .team_main_image {
                min-height: 213px;
            }
        }

        @media (device-width: 412px) {
            .team_main_image {
                min-height: 213px;
            }
        }

        @media (device-width: 600px) {
            .team_main_image {
                min-height: 311px;
            }
        }

        @media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
            /* 兼容iphone4/4s */
            .team_main_image {
                min-height: 166px;
            }
        }

        @media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
            /* 兼容iphone5 */
            .team_main_image {
                min-height: 166px;
            }
        }

        @media (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) {
            /* 兼容iphone6 */
            .team_main_image {
                min-height: 195px;
            }
        }

        @media (device-height: 736px) and (-webkit-min-device-pixel-ratio: 2) {
            /* 兼容iphone6 Plus */
            .team_main_image {
                min-height: 215px;
            }
        }

        .team_main_image ul li {
            width: 100%;
            overflow: auto;
        }

        .team_main_visual {
            overflow: hidden;
            position: relative;
            width: 100%;
        }

        .team_textbox {
            background-color: rgba(255, 88, 27, .85);
            padding: 10px;
        }

        .mb-inav-about li div {
            width: 40px;
            height: 2px;
            background-color: rgba(170, 170, 170, .5);
            margin: 2px 10px 0 0;
        }

        .mb-inav-about li div.cur {
            background-color: rgba(254, 111, 59, .5);
            width: 40px;
            height: 2px;
            margin: 2px 10px 0 0;
        }

        .item-li {
            transition: none;
        }

        .item-li:hover {
            cursor: pointer;
        }

        .mb-describe {
            background-color: rgba(255, 88, 27, .85);
            padding: 0;
            color: #fff;
            width: 100%;
            overflow: hidden;
        }

        .kePublic-rightdiv {
            padding: 0 5%;
            text-align: center;
            margin-top: 27% \9;
        }

        @media only screen and (max-width: 992px) and (min-width: 768px) {
            .kePublic-rightdiv {
                padding: 0;
            }
        }

        .tuandui-title {
            font-size: 18px;
            margin: 9% 0 5%;
        }

        .kePublic-cont-info {
            font-size: 14px;
            color: rgba(255, 255, 255, .8);
        }

        .jiankangguwen-ico {
            background-repeat: no-repeat;
            background-image: url("../img/jiankangguwen-ico.png");
            background-size: 64px 64px;
            height: 64px;
            width: 64px;
            margin: auto;
        }

        .xietiaozhuanyuan-ico {
            background-repeat: no-repeat;
            background-image: url("../img/xietiaozhuanyuan-ico.png");
            background-size: 64px 64px;
            height: 64px;
            width: 64px;
            margin: auto;
        }

        .jiatingyisheng-ico {
            background-repeat: no-repeat;
            background-image: url("../img/jiatingyisheng-ico.png");
            background-size: 64px 64px;
            height: 64px;
            width: 64px;
            margin: auto;
        }

        .tuhuandaifu-ico {
            background-repeat: no-repeat;
            background-image: url("../img/tuhuandaifu-ico.png");
            background-size: 64px 64px;
            height: 64px;
            width: 64px;
            margin: auto;
        }

        .mb-news {
            padding: 0 15px;
            line-height: 1.8;
            position: absolute;
            left: 417px;
            top: 150px;
        }

        .mb-news h4 {
            word-break: break-all;
            word-wrap: break-word;
        }

        .mb-news h4 a {
            font-size: 18px;
            color: #8c3608;
            line-height: 1.6;
            word-break: break-all;
            word-wrap: break-word;
        }

        .mb-news p {
            font-size: 14px;
            color: #444;
            margin-top: 15px;
            overflow: hidden;
        }

        .mb-news h4 a:hover {
            text-decoration: underline;
        }

        .mb-img {
            width: 100%;
            position: relative;
        }

        .mb-ibox {
            width: 100%;
            overflow: hidden;
            z-index: 1;
        }

        .mb-ibox a {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 5;
            left: 0;
            top: 0;
            display: block;
        }

        .mb-ibox a:first-child {
            z-index: 6;
        }

        .mb-ibox a.move {
            z-index: 7;
        }

        .mb-ibox a.cur {
            z-index: 8;
            position: relative;
        }

        .mb-inav-about {
            z-index: 10 !important;
            width: 210px;
            overflow: hidden;
            margin: 0 auto;
            margin-top: 4.5%;
            padding-top: 4px;
        }

        .mb-inav-about li {
            float: left;
        }

        div.flicking_con {
            text-align: center;
            margin: 0 0 0 0;
            left: 0;
            width: 100%;
            height: 149px;
        }

        div.flicking_con .item-text {
            padding: 0;
            display: none;
            color: #fff;
        }

        div.flicking_con .item-text h4 {
            color: #fff;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 10px;
        }

        .team_main_visual .flicking_con div.on {
            display: block;
        }

        .kePublic-cont-text {
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
        }

        .delay_1 {
            -webkit-animation-delay: 200ms;
            -o-animation-delay: 200ms;
            animation-delay: 200ms;
        }

        .delay_2 {
            -webkit-animation-delay: 400ms;
            -o-animation-delay: 400ms;
            animation-delay: 400ms;
        }

        .delay_3 {
            -webkit-animation-delay: 600ms;
            -o-animation-delay: 600ms;
            animation-delay: 600ms;
        }

        .animateUpDown {
            -webkit-animation-name: animateUpDown;
            -o-animation-name: animateUpDown;
            animation-name: animateUpDown;
            -webkit-animation-duration: 900ms;
            -o-animation-duration: 900ms;
            animation-duration: 900ms;
        }

        @-webkit-keyframes animateUpDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
            }

            40% {
                -webkit-transform: translateY(-20%);
                transform: translateY(-20%);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @-o-keyframes animateUpDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(100%);
                -o-transform: translateY(100%);
                transform: translateY(100%);
            }

            40% {
                -webkit-transform: translateY(-20%);
                -o-transform: translateY(-20%);
                transform: translateY(-20%);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @keyframes animateUpDown {
            0% {
                opacity: 0;
                -webkit-transform: translateY(100%);
                -o-transform: translateY(100%);
                transform: translateY(100%);
            }

            40% {
                -webkit-transform: translateY(-20%);
                -o-transform: translateY(-20%);
                transform: translateY(-20%);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        .animateUp {
            -webkit-animation-name: animateUp;
            -o-animation-name: animateUp;
            animation-name: animateUp;
            -webkit-animation-duration: 500ms;
            -o-animation-duration: 500ms;
            animation-duration: 500ms;
            -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
            -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
            animation-timing-function: cubic-bezier(.39, .575, .565, 1);
        }

        @-webkit-keyframes animateUp {
            from {
                opacity: 0;
                -webkit-transform: translateY(50px);
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @-o-keyframes animateUp {
            from {
                opacity: 0;
                -webkit-transform: translateY(50px);
                -o-transform: translateY(50px);
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        @keyframes animateUp {
            from {
                opacity: 0;
                -webkit-transform: translateY(50px);
                -o-transform: translateY(50px);
                transform: translateY(50px);
            }

            to {
                opacity: 1;
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                transform: translateY(0%);
            }
        }

        .cur .ShowBgUp {
            -webkit-animation-name: ShowBgUp;
            -o-animation-name: ShowBgUp;
            animation-name: ShowBgUp;
            -webkit-animation-duration: 1400ms;
            -o-animation-duration: 1400ms;
            animation-duration: 1400ms;
            -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
            -o-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
            animation-timing-function: cubic-bezier(.39, .575, .565, 1);
        }

        @-webkit-keyframes ShowBgUp {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @-o-keyframes ShowBgUp {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes ShowBgUp {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .move .ShowBgUp {
            opacity: 1;
            z-index: 9;
        }

        .cur .ShowBgUp {
            z-index: 10;
        }
   
    
        .team-person {
            position: relative;
            margin: 0 20px;
        }

        .slideup_info p {
            color: #333;
            margin-bottom: 0;
        }

        .slideup_info {
            color: #666;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
            opacity: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            background-color: #fff;
            transition: all 0.4s ease-in-out;
        }

        .team-person.hover .slideup_info {
            opacity: 0.9;
        }

        .team-person > div img {
            transition: all 0.3s;
            cursor: pointer;
        }

        .team-person.hover > div img {
            transform: scale(1.02);
            -webkit-filter: blur(4px);
            -moz-filter: blur(4px);
            -ms-filter: blur(4px);
            -webkit-filter: blur(4px);
            filter: blur(4px);
        }

        .leader-line {
            border-top: 1px solid #005395;
            width: 70px;
            margin: 25px auto;
        }

        .slideup_info_bg {
            border: 4px solid rgba(59, 190, 122, .7);
            height: 100%;
            display: -webkit-flex;
            display: flex;
            flex-flow: column;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
        }

        .i-item-con-div {
            transition: all 0.4s ease-in-out;
            padding: 3% 0;
            background-color: rgba(255, 255, 255, .98);
        }

        .team-person.hover .i-item-con-div {
            opacity: 0;
        }

        .slideup_info ul {
            margin: 0;
        }

        .slideup_info ul li {
            line-height: 26px;
        }

        @media only screen and (max-width: 767px) {
            .col-small-12 {
                width: 100%;
            }

            .team-person {
                position: relative;
                margin: 10px 0;
            }

            .itme-con {
                padding: 15px 0;
            }

            .leader-line {
                margin: 13px auto 10px;
            }
        }

        .banner .banner-item .banner-text > div {
            margin-top: 18% \9; /*兼容IE6 IE7 IE8*/
        }

        .slideup_info_bg > div {
            margin-top: 32% \9; /*兼容IE6 IE7 IE8*/
        }

        .banner .banner-item .banner-img.other:before {
            background-color: transparent !important;
        }

        /*新增banner字体*/
        #banner .banner-item .banner-text > div > div#smallfont {
            font-size: 25px;
            font-weight: normal;
            color: #fff;
            background-color: rgba(59, 190, 122, .9);
            display: inline;
            text-align: center;
            border-radius: 2px;
            padding: 5px 10px;
        }

        #banner .banner-item .banner-text > div > div#future-banner-font {
            margin-left: -5%
        }

        #banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o {
            text-align: left;
            font-size: 50px;
            color: #676767
        }

        #banner .banner-item .banner-text #other {
            margin: 0 auto;
        }

        @media (max-width: 1152px) {
            #banner .banner-item .banner-text > div > div#smallfont {
                font-size: 20px;
            }

            #banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o {
                font-size: 40px;
            }
        }

        @media (max-width: 1024px) {
            #banner .banner-item .banner-text > div > div#smallfont {
                font-size: 16px;
            }

            #banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o {
                font-size: 30px;
            }
        }

        @media (max-width: 767px) {
            #banner .banner-item .banner-text #other {
                margin-left: 15px;
            }

            #banner .banner-item .banner-text > div > div#smallfont {
                font-size: 12px;
            }

            #banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o {
                font-size: 26px;
            }
        }

        @media (max-width: 640px) {
            #banner .banner-item .banner-text > div > div#smallfont {
                font-size: 12px;
            }

            #banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o {
                font-size: 24px;
            }
        }

        @media (max-width: 640px) {
            #banner .banner-item .banner-text > div > div#smallfont {
                font-size: 12px;
            }

            #banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o {
                font-size: 24px;
            }
        }

        @media (max-width: 520px) {
            #banner .banner-item .banner-text > div > div#smallfont {
                font-size: 12px;
            }

            #banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o {
                font-size: 18px;
            }
        }

        @media (max-width: 410px) {
            #banner .banner-item .banner-text > div > div#smallfont {
                font-size: 12px;
            }

            #banner .banner-item .banner-text > div > div#future-banner-font, #banner .banner-item .banner-text > div > div#future-banner-font-o {
                font-size: 16px;
            }

        }